﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
@using Resources;
<script type="text/javascript" language="javascript" src="@Url.Content(@properties.calendarioV2JS)"></script>
<script type="text/javascript">
    $(function () {
        calendarFechaFuturo('fechaNac', '1');
    });
</script>

<fieldset style="width: 98%;" class="fieldsetStyle1">
    <legend class="tituloBlue9">Registrar Datos Académicos</legend>
    <table border="0" style="width: 100%;" cellpadding="0" cellspacing="0" xclass="tablaDetalle1">
        <tbody>
            <tr>
                <td style="height:20px;"><strong><em><b>CENTRO DE ESTUDIOS</b></em></strong></td>
            </tr>
            <tr>
                <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tablaDetalle1">
                    <tbody class="tituloCelesteN8">
                        <tr>
                            <td>
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tablita">
                                    <tbody class="tituloCelesteN8">
                                    <tr>
                                        <td>Nivel</td>
                                        <td>Tipo de Institución</td>
                                        <td>Nombre de la Institución</td>
                                        <td>Fecha Inicio</td>
                                        <td>Fecha Fin</td>
                                        <td>Prom.</td>
                                        <td>Tipo de Estudio</td>
                                        <td>Grado Académico</td>
                                        <td>&nbsp;</td>
                                    </tr>                                    
                                    <tr id="trDuplicar">  @*linea a duplicar*@                                      
                                        <td>
                                            <select id="nIdeNivel" name="nIdeNivel"   onchange="javascript:cambiaNivelEstudio(this);">
                                                <option value="">--Selecione--</option>
                                                <option value="33">PRIMARIA</option>
                                                <option value="34">SECUNDARIA</option>
                                                <option value="35">SUPERIOR</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select id="nIdeTipoInst" name="nIdeTipoInst">
                                                <option value="">--Selecione--</option>
                                                <option value="73">PRIMARIA</option>
                                                <option value="73">SECUNDARIA</option>
                                                <option value="73">SUPERIOR</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text"   id="nNombInst" name="nNombInst"  style="width:150px;"  />
                                        </td>
                                        <td>
                                            <input type="text"   id="dFecIni" name="dFecIni"  style="width:60px;"  value="23/09/2013" onclick="javascript: show_calendar(this);"/>
                                            <img src="@Url.Content("~/images/calendar.png")" class="lupita2" alt="VER HIJOS DE LA DEPENDNCIA" onclick="javascript:show_calendar(this);"/>
                                        </td>
                                        <td>
                                            <input type="text"   id="dFecFin" name="dFecFin"  style="width:60px;"  value="23/09/2013" onclick="javascript: show_calendar(this);" />
                                            <img src="@Url.Content("~/images/calendar.png")" class="lupita2" alt="VER HIJOS DE LA DEPENDNCIA" onclick="javascript:show_calendar(this);"/>
                                        </td>                                        
                                        <td>
                                            <input type="text"   id="nPromedio" name="nPromedio"  style="width:30px;"  />
                                        </td>
                                        <td>
                                            <select id="nIdeTipoEstudio" name="nIdeTipoEstudio">
                                                <option value="">--Selecione--</option>
                                                <option value="73">PRIMARIA</option>
                                                <option value="73">SECUNDARIA</option>
                                                <option value="73">SUPERIOR</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text"   id="nIdeGrado" name="nIdeGrado"  style="width:150px;"  />
                                        </td>
                                        <td id="tdImagenEstudio" align="right">
                                            <img src="@Url.Content("~/images/borrar.gif")" class="lupita2" alt="ELIMINAR" id="imgBorrar" style="display:none" onclick="javascript:deleteRowAcademica(this);"   />
                                            <img src="@Url.Content("~/images/mas.gif")" class="lupita2" alt="AGREGAR"  id="imgAgregar" onclick="javascript:clonarTrObjetoAcademica(this,'tdImagenEstudio','1');"/>
                                        </td>                                                                         
                                    </tr>
                                   </tbody>
                                </table>
                            </td>
                        </tr>
                     </tbody>
                     </table>
                </td>
            </tr>
            <tr>
                <td style="height:25px;"><strong><em><b>IDIOMAS</b></em></strong></td>
            </tr>
            <tr>
                <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="80%" class="tablaDetalle2">
                    <tbody class="tituloCelesteN8">
                        <tr>
                            <td>
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblIdioma">
                                <tbody class="tituloCelesteN8">
                                    <tr>
                                        <td>Idioma</td>
                                        <td align="center" style="width:50px;">Habla</td>
                                        <td align="center" style="width:50px;">Lee</td>
                                        <td align="center" style="width:60px;">Escribe</td>
                                        <td>Nivel Alcanzado</td>
                                        <td>Certificaión</td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <select id="nIdioma" name="nIdioma">
                                                <option value="">--Selecione--</option>
                                                <option value="73">INGLES</option>
                                                <option value="73">ITALIANO</option>
                                                <option value="73">FRANCES</option>
                                            </select>
                                        </td>
                                        <td align="center"><input type="checkbox" id="nIdeHabla" /></td>
                                        <td align="center"><input type="checkbox" id="nIdeLee" /></td>
                                        <td align="center"><input type="checkbox" id="nIdeEscribe" /></td>                            
                                        <td>
                                            <select id="nIdeNivelIdioma" name="nIdeNivelIdioma">
                                                <option value="">--Selecione--</option>
                                                <option value="73">BÁSICO</option>
                                                <option value="73">INTERMEDIO</option>
                                                <option value="73">AVANZADO</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text"   id="vCertiIdioma" name="vCertiIdioma"  style="width:350px;"  />
                                        </td>
                                        <td id="tdImagenIdioma" align="right">
                                            <img src="@Url.Content("~/images/borrar.gif")" class="lupita2" alt="ELIMINAR" id="imgBorrarIdioma" style="display:none" onclick="javascript:deleteRowAcademica(this);"   />
                                            <img src="@Url.Content("~/images/mas.gif")" class="lupita2" alt="AGREGAR"  id="imgAgregarIdioma" onclick="javascript:clonarTrObjetoAcademica(this,'tdImagenIdioma','2');"/>
                                        </td>
                                    </tr>
                                    </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="height:25px;"><strong><em><b>OTROS ESTUDIOS</b></em></strong></td>
                </tr>
                <tr>
                    <td>
                        <table border="0" cellpadding="0" cellspacing="0" width="80%" class="tablaDetalle2">
                        <tbody class="tituloCelesteN8">
                            <tr>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblOtroEstudio">
                                    <tbody class="tituloCelesteN8">
                                        <tr>
                                            <td>Estudio</td>
                                            <td>Nombre de la Institución</td>
                                            <td>Año</td>
                                            <td>Tipo</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <select id="nIdioma" name="nIdioma">
                                                    <option value="">--Selecione--</option>
                                                    <option value="73">INGLES</option>
                                                    <option value="73">ITALIANO</option>
                                                    <option value="73">FRANCES</option>
                                                </select>
                                            </td>
                                            <td>
                                                <input type="text"   id="vInstOtroEstudio" name="vInstOtroEstudio"  style="width:350px;"  />
                                            </td>
                                            <td>
                                                <input type="text"   id="nAnio" name="nAnio"  style="width:40px;"  />
                                            </td>
                                            <td>
                                                <select id="nTipoOtroEstudio" name="nTipoOtroEstudio">
                                                    <option value="">--Selecione--</option>
                                                    <option value="73">INGLES</option>
                                                    <option value="73">ITALIANO</option>
                                                    <option value="73">FRANCES</option>
                                                </select>
                                            </td>
                                        
                                            <td id="tdImagenOtroEstudio" align="right">
                                                <img src="@Url.Content("~/images/borrar.gif")" class="lupita2" alt="ELIMINAR" id="imgBorrarOtroEstudio" style="display:none" onclick="javascript:deleteRowAcademica(this);"   />
                                                <img src="@Url.Content("~/images/mas.gif")" class="lupita2" alt="AGREGAR"  id="imgAgregarOtroEstudio" onclick="javascript:clonarTrObjetoAcademica(this,'tdImagenOtroEstudio','3');"/>
                                            </td>
                                        </tr>
                                        </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="height:25px;"><strong><em><b>RECONOCIMIENTOS</b></em></strong></td>
                    </tr>
                    <tr>
                        <td>
                            <table border="0" cellpadding="0" cellspacing="0" width="80%" class="tablaDetalle2">
                            <tbody class="tituloCelesteN8">
                                <tr>
                                    <td>
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblRecono">
                                        <tbody class="tituloCelesteN8">
                                            <tr>
                                                <td>Reconocimiento</td>
                                                <td>Nombre de la Institución</td>
                                                <td>Año</td>
                                                <td>Tipo</td>
                                                <td>&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <select id="nIdeRecono" name="nIdeRecono">
                                                        <option value="">--Selecione--</option>
                                                        <option value="73">INGLES</option>
                                                        <option value="73">ITALIANO</option>
                                                        <option value="73">FRANCES</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="text"   id="vInstRecono" name="vInstRecono"  style="width:350px;"  />
                                                </td>
                                                <td>
                                                    <input type="text"   id="nAnioRecono" name="nAnioRecono"  style="width:40px;"  />
                                                </td>
                                                <td>
                                                    <select id="nTipoRecono" name="nTipoRecono">
                                                        <option value="">--Selecione--</option>
                                                        <option value="73">INGLES</option>
                                                        <option value="73">ITALIANO</option>
                                                        <option value="73">FRANCES</option>
                                                    </select>
                                                </td>
                                        
                                                <td id="tdImagenRecono" align="right">
                                                    <img src="@Url.Content("~/images/borrar.gif")" class="lupita2" alt="ELIMINAR" id="imgBorrarRecono" style="display:none" onclick="javascript:deleteRowAcademica(this);"   />
                                                    <img src="@Url.Content("~/images/mas.gif")" class="lupita2" alt="AGREGAR"  id="imgAgregarRecono" onclick="javascript:clonarTrObjetoAcademica(this,'tdImagenRecono','4');"/>
                                                </td>
                                            </tr>
                                            </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                        <td style="height:25px;"><strong><em><b>TRABAJOS SOCIALES</b></em></strong></td>
                    </tr>
                    <tr>
                        <td>
                            <table border="0" cellpadding="0" cellspacing="0" width="80%" class="tablaDetalle2">
                            <tbody class="tituloCelesteN8">
                                <tr>
                                    <td>
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblTrabajo">
                                        <tbody class="tituloCelesteN8">
                                            <tr>                                               
                                                <td>Descripción</td>
                                                <td>Año</td>
                                                <td>Descripción</td>
                                                <td>&nbsp;</td>
                                            </tr>
                                            <tr>                                               
                                                <td>
                                                    <input type="text"   id="vDescTrabajo" name="vDescTrabajo"  style="width:250px;"  />
                                                </td>
                                                <td>
                                                    <input type="text"   id="nAnioTrabajo" name="nAnioTrabajo"  style="width:40px;"  />
                                                </td>
                                                <td>
                                                    <input type="text"   id="vDescTrabajoLargo" name="vDescTrabajoLargo"  style="width:350px;"  />
                                                </td>
                                        
                                                <td id="tdImagenTrabajo" align="right">
                                                    <img src="@Url.Content("~/images/borrar.gif")" class="lupita2" alt="ELIMINAR" id="imgBorrarTrabajo" style="display:none" onclick="javascript:deleteRowAcademica(this);"   />
                                                    <img src="@Url.Content("~/images/mas.gif")" class="lupita2" alt="AGREGAR"  id="imgAgregarTrabajo" onclick="javascript:clonarTrObjetoAcademica(this,'tdImagenTrabajo','5');"/>
                                                </td>
                                            </tr>
                                            </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                                </table>
                            </td>
                        </tr>

            </tbody>
        </table>
    </fieldset>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
    <tr>
        <td align="center">
             <input type="button" value="Registrar Datos" onclick="javascript: agregarOpcionFinal(this.form);" />
             <input type="button" value="Limpiar Datos" onclick="javascript: agregarOpcionFinal(this.form);" />             
        </td>
    </tr>
</table>
